
#app {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.logo {
   width: 50%;
   padding: 60px 0 50px 0;
   max-width: 450px;
}
.logo img{
   width: 100%;
   border: none;
   padding: 0;
}

.login {
   max-width: 450px;
   width: 50%;
   padding: 0 30px; 
}

.login ul{
  width: 100%;
  margin: 0;
  padding: 0 ; 
}

.login li {
   width: 100%;
   list-style: none;
   display: flex;
   padding: 20px 0;
   border-bottom: 1px solid #dddada;
}

.login img {
  border: none;
   width: 30px;
   height: 20px;
   padding: 0 10px 0 0;
   border-right: 1px solid #dddada;
}

.login li input { 
  width: 100%;
   border: none;
   outline: none;
   padding: 0 10px;
   font-size: 13px;
}

.submit {
  margin: 30px 0 0 0;
   width: 100%;
   height: 40px;
   background-color: #E77115;
   color: #fff;
   outline: 0;
   border-radius: 8px;
 }

.am-btn:focus,
.am-btn:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
}